<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%
	String contextPath = request.getContextPath();
%>
<html>
<head>
	<title></title>
	<jsp:include page="../main/head.jsp"></jsp:include>
	<script type="text/javascript">
		var action = "inventory";
		
		/* jquery入口*/
		$(function() {
			loadgrid(); //加载datagrid
		});
		/* 加载datagrid列表*/
		function loadgrid(){
		$('#grid').datagrid({
				title : '库存管理',
// 				url :  mis.path+'/'+action+'!grid.action',//'datagridData.json',
				loadMsg : '正在加载…',  //当从远程站点载入数据时，显示的一条快捷信息。
				fit : true,  //窗口自适应
				nowrap: false, //设置为true，当数据长度超出列宽时将会自动截取
				fitColumns : true, // 自动适应列宽								
				singleSelect : true, // 每次只选中一行
				sortName : 'id', //默认排序字段
				sortOrder : 'asc', // 升序asc/降序desc
				striped : true,  // 隔行变色  
				pagination : true,  // 在底部显示分页工具栏
				pageNumber : 1, //初始化页码 
				pageSize : 20,  // 指定每页的大小，服务器要加上page属性和total属性
				pageList : [ 20, 30, 50 ], // 可以设置每页记录条数的列表，服务器要加上rows属性
				//rownumbers : true, // 在最前面显示行号 
				idField : 'id', // 主键属性
				// 冻结列,当很多咧出现滚动条时该列不会动
				frozenColumns : [ [
					{title : '书本ID', width : '100', field : 'id', sortable : true}, 
					{title : '书本名称', width : '100', field : 'bookname', sortable : true}, 
					{title : '数量', width : '100',	field : 'quantity',sortable : true},
				] ],
				// 工具栏按钮

				toolbar: [
// 					"-", {id: 'edit', text: '编辑',	iconCls: 'icon-edit',	 handler: function () { edit()} }, //修改按钮
					"-", {id: 'remove', text: '删除',	iconCls: 'icon-remove', handler: function () {remove()} }, //删除按钮
					"-", {id: 'refresh',  text: '刷新',	iconCls: 'icon-reload', handler: function () {reload()} } //刷新按钮
					]
			});
		}

		$(function(){
			$("#ok").bind("click",function(){
				var bookid = $("#bookid").val();
				var quantity = $("#quantity").val();
				if(!quantity||quantity<0){
					 $.messager.show({	//显示错误信息
							title: '提示',
							msg: '数量输入有误~'
					});
					return ;
				}
				var path = mis.path;
				console.log(mis.path+"/"+action+"!getGoodByID.action?bookid="+bookid);
				$.ajax({ 
					   type: "POST", 
					   url: path+"/"+action+"!getGoodByID.action?bookid="+bookid, 
					   data: "书本信息", 
					   success: function(res){
						   if(res){
							   var book = $.parseJSON(res);
							   console.log(book);
					 			$('#grid').datagrid('appendRow', {
					 		        id: bookid,
						 			bookname: book.bookname,                        
						 			quantity: quantity                     
						 		});
						   }else{
							   $.messager.show({	//显示错误信息
									title: '提示',
									msg: '没有该商品哦~'
								});
						   }
					   } 
				});
				
            });
			
			$("#returnGood").bind("click",function(){
				var rows = $("#grid").datagrid("getRows");
				var ids="",qts="";
				$.each(rows,function(n,value){
					ids+=value.id+",";
					qts+=value.quantity+",";
				});
// 				ids=ids.substring(0,ids.Length-1);
// 				qts=qts.substring(0,qts.Length-1);
				
				$.ajax({ 
					   type: "POST", 
					   url: mis.path+"/"+action+"!returnGoods.action?returnGoods="+ids+"&returnQuantitys="+qts, 
					   data: "退货信息", 
					   success: function(res){
						   var result = eval('('+res+')');
						   console.log(res);
						   if(result.success){
							   $.messager.show({	//显示错误信息
									title: '提示',
									msg: result.msg
								});
							   $('#grid').datagrid('loadData', { total: 0, rows: [] });  
						   }else{
							   $.messager.show({	//显示错误信息
									title: '提示',
									msg: result.msg
								});
						   }
					   } 
				});
				
			});
		});

		/* 修改数据*/
		function edit() {
			var row = $('#grid').datagrid('getSelected'); //// 得到选中的一行数据
			//如果没有选中记录
			if(row == null){
				$.messager.alert("提示", "请选择一条记录",'info');
				return;
			}
			openDialog('修改资源'); // 显示更新数据dialog窗口
			$("#form").form('load', row); // 加载选择行数据
			
		}

		/* 删除数据*/
		function remove(){
			var row = $('#grid').datagrid('getSelected');
			//如果没有选中记录
			if(row == null){
				$.messager.alert("提示", "请选择一条记录",'info');
				return;
			}
			$.messager.confirm('确认', '确定要删除吗？', function (r) {
				var rowIndex = $('#grid').datagrid('getRowIndex', row);
				$('#grid').datagrid('deleteRow', rowIndex);  
				
			});
			
		}
		
		/* 保存数据*/
		function save(){
			$('#form').form('submit',{
				url: url,  //提交地址
				onSubmit: function(){
					return $(this).form('validate'); //前台字段格式校验
				},
				success: function(result){
					var result = eval('('+result+')');
					if (result.success){
						closeDialog();// 调用closeDialog;	
						reload();// 重新加载
						$.messager.show({	//显示错误信息
							title: '提示',
							msg: result.msg
						});
						
					} else {		
						$.messager.show({    //显示正确信息
							title: '错误',
							msg: result.msg
						});
					}
				}
			});
		}
		
		/* 显示Dialog*/
		function openDialog(title){
			$("#dialog").dialog({
				resizable: false,
				modal: true,
				buttons: [{ //设置下方按钮数组
                    text: '保存',
                    iconCls: 'icon-save',
                    handler: function () {
                       save();
                    }
                }, {
                    text: '取消',
                    iconCls: 'icon-cancel',
                    handler: function () {
                    	closeDialog();
                    }
                }]
			});
			$("#dialog").dialog('setTitle', title);
			$("#dialog").dialog('open');
		}
		/* 关闭Dialog*/
		function closeDialog() {	
		    $("#form").form('clear'); // 清空form的数据
			$("#dialog").dialog('close');// 关闭dialog
		}
		/* 刷新grid*/
		function reload(){
			$('#grid').datagrid('reload');
		}
		/* 查询*/
		function doSearch() {
			$('#grid').datagrid('load',{
				customerName: $('#customerName').val()
			}); 
		}
		/* 重置*/
		function setNull(){
			$("#searchForm").form("clear"); //清空查询字段值
		}

	</script>
</head>
<body>	
<div id="tb" style="padding:5px;height:auto">    
    <div style="margin-bottom:5px"> 
 		<p>输入商品ID:<input id="bookid" class="btn btn-default" type="text" name="id"/>&nbsp;&nbsp;输入数量:<input type="text" id="quantity" type="number" onkeyup="this.value=this.value.replace(/[^\d]/g,'')"  class="btn btn-default"  name="qt"/> <button id="ok" class="btn btn-primary">确定</button></p>  
        
    </div>    
<!--     <div>     -->
<!--         Date From: <input class="easyui-datebox" style="width:80px">     -->
<!--         To: <input class="easyui-datebox" style="width:80px">     -->
<!--         Language:      -->
<!--         <input class="easyui-combobox" style="width:100px"     -->
<!--                 url="data/combobox_data.json"     -->
<!--                 valueField="id" textField="text">     -->
<!--         <a href="#" class="easyui-linkbutton" iconCls="icon-search">Search</a>     -->
<!--     </div>     -->
</div>    	
	<div data-options="fit:true, border:false" style="width:100%;height:400px;padding:0px;overflow:hidden">
		<table id="grid"></table>
	</div>	
	<button id="returnGood" class="form-control btn btn-info">确定退货</button>
	<div id="dialog" class="easyui-dialog" data-options="closed:true" title="资源管理" style="width:400px;height:400px;padding:20px;" >
		<form id="form" method="post">
			<!--<input type="hidden" name="id"/>-->
			<div class="form-group">
			   <label>书本ID</label> 
			   <input  class="form-control" name="id" class="easyui-validatebox" readonly/> 
		   </div> 
		   <div class="form-group"> 
			   <label>书本名称</label> 
			   <input class="form-control" name="bookname" class="easyui-validatebox" readonly /> 
		   </div> 
		   <div class="form-group"> 
			   <label>数量</label> 
			   <select id="quant" name="quantity" class="form-control"></select>
		   </div> 
		</form>
	</div>
	
</body>
</html>